<template>
<!-- template内部写结构(html) -->
<div>
  <p>str: {{ str }}</p>
  <hr>
  <p>name: {{ obj.name}}</p>
  <p>age: {{ obj.age}}</p>
  <p>desc: {{ obj.desc}}</p>
</div>
  
</template>

<script>
// 写js逻辑的
// console.log('我写了js');
export default {
  data() {
    return {
      str: '学习vue 不能睡觉,睡觉就赚不到钱了',
      obj: {
        name: '小花',
        age: 16,
        desc: '性格温柔'
      }
    }
  }
}
</script>

<style>


</style>